草庐IT

ionic 导航

全部标签

javascript - jQuery Mobile 导航选项卡

我想在我的jQueryMobile项目中使用选项卡导航。我知道我可以使用数据Angular色“导航栏”,但我只想更改导航栏下方的内容,而无需滑动到新页面。到目前为止,我只能拥有几个具有相同导航栏的不同页面,但那不是我想要的。谁能帮帮我?提前致谢 最佳答案 您可以使用jQueryMobile导航栏样式,但使用您自己的点击处理程序,这样点击将不会更改页面,而只会在同一页面上隐藏/显示适当的内容。HTMLOneTwoonLoadContentSome'A'ContentSome'B'ContentJavaScript$(document)

javascript - 如何在 Ionic 中对图像和其他静态 Assets 进行指纹识别以清除缓存?

我在Ionicv3中扩展了默认的webpack配置以强制清除缓存。我能够对生成的JavaScript工件进行指纹识别,但无法对Assets文件夹下的图像和JSON文件进行指纹识别。我从Bundledfilesandcache-busting获得了帮助.webpackconfig.js的摘录module.exports={//...output:{filename:'[name].[chunkhash].js',chunkFilename:'[name].[chunkhash].js',},plugins:[newWebpackChunkHash({algorithm:'md5'})//

javascript - 在 Bootstrap 中使滚动导航栏停留在浏览器顶部

我是TwitterBootstrap的新手,我想在较深的MastHead底部有一个NavBar,当用户垂直滚动页面并且NavBar到达页面顶部时,将样式更改为NavBar变为Fixed。我要的效果和http://www.happycog.com/是一样的仅使用BootstrapNavBar。因此,真正的问题是当NavBar滚动到位置0时如何触发navbar-fixed-top样式,即:浏览器的顶部。任何想法或指示将不胜感激。谢谢。 最佳答案 CSS类navbar-fixed-top是您要添加的内容。这是一个例子:

javascript - 你如何将 headroom.js 与 Bootstrap 3 导航栏一起使用?

我找到了这个JavaScript小部件http://wicky.nillia.ms/headroom.js/我想在使用Bootstrap3的Web应用程序中使用它。它似乎不起作用。有什么建议或例子我应该做什么?我目前在导航栏上使用navbar-fixed-top。我尝试过使用和不使用它,但它仍然无法正常工作。我可以看到应用于页眉的headroom.js类,但对UI元素没有影响。已解决你需要添加这个样式。.headroom{position:fixed;top:0;left:0;right:0;transition:all.2sease-in-out;}.headroom--unpinn

javascript - 如何加快 Bootstrap 导航栏中的移动下拉菜单?

在手机上,导航栏上有一个下拉菜单。但它太慢了。它是基于JQuery的吗?还是基于CSS过渡?如何加快速度? 最佳答案 它是基于CSS过渡的,尝试从此类的过渡属性更改高度值。.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height.35sease;-o-transition:height.35sease;transition:height.35sease;} 关于javascript-如

javascript - 使用箭头键导航

我想知道是否可以使用箭头键在我用JS(使用jQuery)创建的表格中导航?我的意思是从一个单元格跳到另一个单元格...该脚本适用于Greasemonkey。然而,警报有效。我只是不知道如何让它运行良好。$(document).keydown(function(e){if(e.keyCode==37){alert("leftpressed");returnfalse;}if(e.keyCode==38){alert("uppressed");returnfalse;}if(e.keyCode==39){alert("rightpressed");returnfalse;}if(e.key

javascript - 使用 Ionic 框架显示远程图像的 Android Hybid 应用程序问题?

我是Ionic的新手。我正在使用IonicFramework(1.3.20)、AngularJS、Cordova5.0.0模板文件browse.html代码:app.js代码:.state('app.browse',{url:"/browse",views:{'menuContent':{templateUrl:"templates/browse.html",controller:'Ctrl'}}})controller.js代码.controller('Ctrl',function($scope){$scope.currentImage=0;$scope.availableImage

javascript - 如何处理 "Go"/"Enter"keyboard button Ionic2 <ion-input>

处理输入上的“enter”或“go”键盘键的事件是什么?输入不在表单中使用。所以点击它不会“提交”。我只需要事件。(在Beta11上运行android+Ionic2) 最佳答案 我喜欢这样:和:handleLogin(){//Doyourstuffhere} 关于javascript-如何处理"Go"/"Enter"keyboardbuttonIonic2,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

javascript - 是否可以创建导航祖先的自定义 jQuery 选择器?例如:closest or :parents selector

我写了很多jQuery插件并且有我一直使用的自定义jQuery选择器,比如:focusable和:closeto提供常用的过滤器。例如:focusable看起来像这样jQuery.extend(jQuery.expr[':'],{focusable:function(el,index,selector){return$(el).is('a,button,:input[type!=hidden],[tabindex]');};});并且像任何其他选择器一样使用:$(':focusable').css('color','red');//colorallfocusableelementsre

javascript - 如何使用搜索栏过滤我的 bootstrap 4 导航栏链接?

我正在使用Bootstrap4转换我的旧网站,所以这绝对是一个学习过程。我的站点布局工作正常,但我发现我左侧的垂直导航栏有很多链接。其中许多聚集在折叠的巢穴中。我认为在我的导航顶部添加一个搜索栏会很好,这样我就可以根据在搜索栏中输入的部分字符串过滤链接。这适用于未隐藏在隐藏div中的链接(或class=collapsedboostrap4ul)。在修改我的代码以显示包含隐藏在折叠的ul中的任何链接的过滤结果时,我将不胜感激?Here'safiddle$('.search-filter').on('keyup',function(){varinput=$('.search-filter'